@import '@snack-uikit/figma-tokens/build/scss/components/styles-tokens-card';

.functionBadge {
  @include composite-var($card-function-badge);

  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  
  box-sizing: border-box;
}

.functionRow {
  position: relative;

  &::before {
    @include composite-var($card-function-row-transparent-background);

    content: '';

    position: absolute;
    top:0;
    left:0;

    width: 100%;
    height: 100%;

    background-color: $sys-neutral-background1-level;
    box-shadow: $box-shadow-elevation-level2;
  }
}
